﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width,  target-densitydpi=medium-dpi" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>font test</title>
<style type="text/css">
	html,body,p { margin:0; padding:0; }
	a, a:link { text-decoration:none;}

	.nav { position:relative; width:100%; height:50px; border-bottom:1px solid #9d9da1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #cecccc)); background-image:-moz-linear-gradient(center top, #fff 0%, #cecccc 100%); }
	.nav h1 { font-family:NanumGothic, Malgun Gothic, Dotum; line-height:1; font-sizr:16px; text-align:center;  }
	a { display:block; width:50px; margin:10px 0 0 0; color:#fff; font-weight:bold; font-size:11px;  text-align:center; padding: 3px 0 4px 0; border:1px solid #ffffff; outline:1px solid #e72416; text-decoration:none; background-color:#fd4c3e; }
	a.prev { position:absolute; top:-5px; left:10px; }
	a.demo { position:absolute; top:-5px; right:10px; }
	
	ul { margin:20px 0 0 0; color:#111; }
	ul li { padding:10px 0; }
	ul li.bold { font-weight:bold; }
	ul li.apple { font-family:Helvetica,AppleGothic; }
	ul li.serif {  }
	ul li.serif {  }
	ul li.serif { font-family:"Times New Roman",Times,serif; }
	ul li.sansserif { font-family:Arial,Helvetica,sans-serif; }

</style>
</head>
<body>
	<div class="nav">
		<a href="#" class="prev">이전</a>
		<h1>Font Test</h1>
		<a href="#" class="demo">View</a>
	</div>
	<ul>
		<li>Normal , 기본입니다.</li>
		<li class="bold">blod , 굵게 변화 되었습니다.</li>
		<li class="apple">This is a paragraph, shown in the AppleGothic , Helvetica font. 2011.07.20</li>
		<li class="serif">This is a paragraph, shown in the Times New Roman font.</li>
		<li class="sansserif">This is a paragraph, shown in the Arial font.</li>
	</ul>
</body>
</html>
